<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layout 后台大布局 - Layui</title>
    <link rel="stylesheet" href="../../layui/css/layui.css">
</head>
<body class="childrenBody">
<!-- 内容主体区域 -->
<div class="layui-form">
    <form class="layui-form">
        <div class="news_search">
            <div class="layui-inline">
                <label>搜索：</label>
                <div class="layui-input-inline">
                    <input type="text" id="param" placeholder="请输入单词或翻译" class="layui-input search_input">
                </div>
                <div class="layui-input-inline">
                    <label>发布时间：</label>
                    <div class="layui-input-inline" style="width: 150px">
                        <input type="text" id="start_date" placeholder="请选择起始时间" class="layui-input search_input">
                    </div>
                    <div class="layui-input-inline">
                        <span>-</span>
                    </div>
                    <div class="layui-input-inline" style="width: 150px">
                        <input type="text" id="end_date" placeholder="请选择结束时间" class="layui-input search_input">
                    </div>
                </div>
                <a class="layui-btn layui-btn-primary search_btn" id="clear">清空</a>
                <a class="layui-btn layui-btn-primary search_btn" id="find"><i
                        class="layui-icon layui-icon-search"></i></a>
            </div>
        </div>
    </form>
    <div class="layui-form-item">
        <table class="layui-table" lay-size="md" id="words_table" lay-filter="words_filter" lay-skin="line">
<!--            <thead>-->
<!--            <tr>-->
<!--                <th>单词</th>-->
<!--                <th>翻译</th>-->
<!--                <th>作者</th>-->
<!--                <th>提交时间</th>-->
<!--                <th>点赞数量</th>-->
<!--                <th>操作</th>-->
<!--            </tr>-->
<!--            </thead>-->
<!--            <tbody>-->
<!--            <tr>-->
<!--                <td>word</td>-->
<!--                <td>单词</td>-->
<!--                <td>蒋帆</td>-->
<!--                <td>2021-01-06</td>-->
<!--                <td>20</td>-->
<!--                <td>-->
<!--                    <a href="javascript:;"><i class="layui-icon layui-icon-heart"-->
<!--                                              style="font-size: 25px; color: hotpink"></i></a>-->
<!--                    <a href="javascript:;"><i class="layui-icon layui-icon-rate"-->
<!--                                              style="font-size: 25px; color: yellow"></i></a>-->
<!--                </td>-->
<!--            </tr>-->
<!--            </tbody>-->
        </table>
    </div>
</div>

<script type="text/html" id="toolbar">
    <div>
        <button lay-event="add" class="layui-btn layui-btn-sm layui-btn-primary"><i class="layui-icon layui-icon-add-1"></i>我要上传</button>
        <button lay-event="myWords" class="layui-btn layui-btn-sm layui-btn-primary"><i class="layui-icon layui-icon-read"></i>我的单词</button>
        <button lay-event="myLikes" class="layui-btn layui-btn-sm layui-btn-primary"><i class="layui-icon layui-icon-heart"></i>我的喜欢</button>
        <button lay-event="myCollects" class="layui-btn layui-btn-sm layui-btn-primary"><i class="layui-icon layui-icon-rate"></i>我的收藏</button>
    </div>
</script>

<script type="text/html" id="barDemo">
    <a href="javascript:;" lay-event="like"><i class="layui-icon layui-icon-heart" style="font-size: 25px; color: hotpink"></i></a>
    <a href="javascript:;" lay-event="collect"><i class="layui-icon layui-icon-rate" style="font-size: 25px; color: yellow"></i></a>
</script>
<script src="../../js/jquery-3.5.1.js"></script>
<script src="../../js/jquery.cookie.js"></script>
<script src="../../layui/layui.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/words/words.js"></script>
</body>
</html>